<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- header -->
		<%--<%@ include file="/WEB-INF/views/include/header.jsp"%>--%>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0"/>

		<title>福州市便民呼叫中心12345手机版</title>
		<link href="<s:url value="/assets/dist/css/tousu.css"></s:url>" rel="stylesheet" type="text/css" />

		<meta name="keywords" content="" />
		<meta name="description" content="" />
	</head>
	<div class="content">

		<div class="head"><img src="<s:url value="/assets/dist/img/logo.jpg"></s:url>" alt="福州市便民呼叫中心12345"/></div>
		<div class="nav_bg">
			<div class="nav">
				<table width="100%" cellpadding="0" cellspacing="0" class="menu">
					<tr>
						<td><a href="index.jsp">首　　页</a></td>
						<td><a href="lastestCall.jsp">最新诉求</a></td>
						<td><a href="doneCall.jsp">诉求回音</a></td>
					</tr>
					<tr>
						<td><a href="searchResult.jsp">诉求列表</a></td>
						<td><a href="rdwd.jsp">热点问答</a></td>
						<td><a href="news.jsp">12345动态</a></td>
					</tr>
				</table>
			</div>
		</div>

		<!--header-->
		<div class="appeal_search">
			<h3  class="home"><a href="index.jsp">首页</a>><a href="writeCallNotice.jsp">填写诉求件须知</a>>填写诉求件</h3>
		</div>

		<form action="/app/home/sucsub" method="get" onsubmit="return tocommit()" >
			<div class="appeal_write">
				<h4>诉求人：</h4>
				<ul>
					<li class="clearfix"><span class="name">*姓　　名：</span><span class="input"><input type="text" id="callername" name="callername" class="namebox" value=""/></span></li>
					<li class="display clearfix" id="callerNameMsg" style="display: none"></li>

					<li class="clearfix"><span class="name">*从事职业：</span>
						<span class="input"><select class="type" name="prof" id="prof">
                <option value="" selected="selected">--请选择从事职业--</option>

                <option value="0">公务员</option>

                <option value="1">事业单位工作人员</option>

                <option value="2">专业技术人员</option>

                <option value="3">企业管理人员</option>

                <option value="4">工人</option>

                <option value="5">农民</option>

                <option value="6">学生</option>

                <option value="7">教师</option>

                <option value="8">医生</option>

                <option value="9">律师</option>

                <option value="10">文体人员</option>

                <option value="11">现役军人</option>

                <option value="12">自由职业者</option>

                <option value="13">个人经营者</option>

                <option value="14">无业人员</option>

                <option value="15">退（离）休人员</option>

                <option value="16">其他</option>

            </select></span>
					</li>
					<li class="display clearfix" id="profMsg" style="display: none"></li>

					<li class="clearfix"><span class="name">电子邮箱：</span><span class="input"><input type="text" id="email" name="email" class="namebox" value=""/></span></li>
					<li class="display clearfix" id="emailMsg" style="display: none"></li>
				</ul>
				<h4>诉求问题：</h4>
				<ul>
					<li class="clearfix"><span class="name">*诉求类型：</span>

						<label for="zixun"><input type="radio" id="zixun" name="kindId" value="3" checked="checked"/><font class="zixun" >咨询</font></label>

						<label for="jubao"><input type="radio" id="jubao" name="kindId" value="1"/><font class="jubao" >投诉</font></label>

						<label for="tousu"><input type="radio" id="tousu" name="kindId" value="2"/><font class="tousu" >建议</font></label> <br />

						<label for="jianyi" class="jianyi_br"><input type="radio" id="jianyi" name="kindId" value="5"/><font class="jianyi">求助</font></label>

					</li>


					<li class="clearfix"><span class="name">*事件辖区：</span><span class="input"><select class="type" name="lbxZoneId" id="lbxZoneId">
                <option selected="selected" value=" ">----请选择----</option>

                <option value="00000000000000000000000000000862">福州市直属</option>

                <option value="00000000000000000000000000000788">鼓楼区</option>

                <option value="00000000000000000000000000000781">台江区</option>

                <option value="00000000000000000000000000000755">晋安区</option>

                <option value="00000000000000000000000000000762">仓山区</option>

                <option value="00000000000000000000000000004064">马尾区</option>

                <option value="00000000000000000000000000009869">福清市</option>

                <option value="00000000000000000000000000009876">长乐区</option>

                <option value="00000000000000000000000000009911">连江县</option>

                <option value="00000000000000000000000000009883">闽侯县</option>

                <option value="00000000000000000000000000009904">闽清县</option>

                <option value="00000000000000000000000000009918">罗源县</option>

                <option value="00000000000000000000000000009897">永泰县</option>

                <option value="00000000000000000000000000035674">高新区</option>

            </select></span>
					</li>

					<li class="display clearfix" id="lbxZoneMsg" style="display: none"></li>

					<li class="clearfix"><span class="name">事件地点：</span><span class="input"><input type="text" name="eventAddr" id="eventAddr" class="namebox" value=""/></span></li>
					<li class="display clearfix" id="eventAddrMsg" style="display: none"></li>

					<li class="clearfix"><span class="name">*诉求标题：</span><span class="input"><input type="text" name="title" id="title" class="namebox" value=""/></span></li>
					<li class="display clearfix" id="titleMsg" style="display: none">请输入诉求标题！</li>

					<li class="clearfix"><span class="name">*诉求内容：</span><span class="input"><textarea class="contentbox" name="contents" id="contents"></textarea></span></li>
					<li class="display clearfix" id="contentsMsg" style="display: none">请输入诉求内容！</li>

					<li class="clearfix"><span class="name">是否公开：</span>

						<label ><input type="radio" name="isdisplay" checked="checked" value="1"/>是</label>

						<label ><input type="radio"  class="public" name="isdisplay" value="0"/>否</label>

					</li>
					<li class="clearfix"><span class="name">手机号码：</span><span class="input"><input type="text" name="callerCellphone" id="callerCellphone" class="namebox" value=""/></span></li>
					<!--  <li class="clearfix"><span class="name">短信验证码：</span><span class="input"><input type="text" name="mobilePhoneCode" id="mobilePhoneCode" class="namebox" value=""/><input type="button" value="获 取" onclick="sendSmsCode()"/></span></li> -->
					<!-- <li class="clearfix"><span class="name">验证码：</span><span class="input"><input type="text" name="validatecode" class="yzm" maxlength="6" /><img class="yzm_img" src="image.jsp" id="randImage" onclick="loadimage();"/><a href="javascript:loadimage();">看不清?</a></span></li>
                    <li class="display clearfix" id="validatecodeMsg" style="display: none"></li> -->

					<li>
						<p class="submit">
							<input type="submit" id="commit" value="提 交" />  <input type="reset"  value="重置" />
						</p>
					</li>
				</ul>
			</div>
		</form>
		<div id="alert" style="display:none;background-color: rgba(0,0,0,0.7);width: 200px;height: 100px;position: fixed;z-index: 999;color: #fff;text-align: center;line-height: 100px;top: 50%;left: 50%;margin-left: -100px;margin-top: -50px;">
			带 * 的必选项不能为空
		</div>
		<!-- 页尾文件 -->
		<!--footer-->

		<div class="footer"> 福州市人民政府办公厅主办 福州市“智慧福州”管理服务中心/福州市效能办/福州市数字办协办<br />
			网站标识码：3501000058 ICP备案序号：闽ICP备08100339号
		</div>
		<!--footer-->
		<script>
           /* function tocommit() {
                document.getElementById('alert').style.display = 'block';
                setTimeout(function() {
                    window.location.href=window.location.href;
                },1000);
            }*/
          function tocommit(){
              var name =document.getElementById("callername").value;
              var prowork = document.getElementById("prof").value;
              var lbxZoneId = document.getElementById("lbxZoneId").value;
              var title=document.getElementById("title").value;
              var contents= document.getElementById("contents").value;

              if((name==null||name=="")||(prowork==null||prowork=="")||(lbxZoneId==null||lbxZoneId=="")||(title==null||title=="")
			  ||(contents==null||contents=="")){
                  document.getElementById('alert').style.display = 'block';
                  setTimeout(function() {
                      window.location.href=window.location.href;
                  },1500);
                  return false;
			  }

			  return true;
          }
		</script>
	</div>
</html>